<?
if (isset($_SERVER['HTTP_ACCEPT_ENCODING']) && substr_count($_SERVER['HTTP_ACCEPT_ENCODING'], 'gzip'))
    ob_start("ob_gzhandler");
else ob_start();

include '../CSP.php';
header("X-Frame-Options: DENY");
header('X-XSS-Protection:1; mode=block');
header('Strict-Transport-Security: max-age=31536000;');
header_remove('X-Powered-By');
$this_page = "/life-d/view.php";
$home_str = "/home".$this_page;
if(substr($_SERVER['REQUEST_URI'],0,strlen($this_page)) == $this_page || substr($_SERVER['REQUEST_URI'],0,strlen($home_str)) == $home_str){
    header($_SERVER["SERVER_PROTOCOL"]." 404 Not Found", true, 404);
    include "../404.php";
}
ini_set('session.cookie_httponly', 1);
ini_set('session.cookie_secure', 1);
ini_set('session.cookie_domain', 'yangfamily.tw');
ini_set('session.cookie_samesite', 'Strict');
ini_set('session.gc_maxlifetime', 60*60*24*3650);
ini_set('session.gc_probability', 1);
ini_set('session.gc_divisor', 1);
session_save_path('../sessions');
session_start();
include '../csrf/csrf.class.php';
 
$csrf = new csrf();
 
// Generate Token Id and Valid
$token_id = $csrf->get_token_id();
$token_value = $csrf->get_token($token_id);
 
// Generate Random Form Names
$form_names = $csrf->form_names(array('contact_name', 'contact_email','contact_tel','contact_gender','contact_content'), false);

include "../../mysql_db_connection.php";
include "../chat_online_update_parameter.php";
include "../site_url.php";
$link = new mysqli($MYSQL_SERVER_SITE,$MYSQL_DB_USER,$MYSQL_DB_PASS,$MYSQL_DB_NAME);
$link->set_charset('utf8mb4');
$link->query('SET NAMES utf8mb4 COLLATE utf8mb4_unicode_ci');

$str = "select introduction from yangfamily_yang where pattern='slideshow'";
$list = $link->query($str);
list($introduction0) = $list->fetch_row();
$list->close();

$Uname = array();
$name = array();
$str = "select id,title from yangfamily_yang where pattern='members_yang' order by id asc";
$list = $link->query($str);
while(list($id,$title) = $list->fetch_row()){
    $Uname[$id] = $title;
    $name[$id] = htmlspecialchars($title);
}
$list->close();

if(isset($_POST['id']) && ctype_digit($_POST['id']) && $_POST['id'] > 0){
    $id = intval($_POST['id']);
    $page_data = "id=".$id;
}elseif(isset($_GET['id']) && ctype_digit($_GET['id']) && $_GET['id'] > 0){
    $id = intval($_GET['id']);
    $page_data = "id=".$id;
}else{
    $page_data = "";
    $id = 0;
}

$str = "select time,title,content,introduction,location,thumbnail,author,attachments,keywords from yangfamily_articles where id='$id' and hidden='F' and category='life' and (pattern='add' or pattern='right-info')";
$list = $link->query($str);
if($list->num_rows <= 0){
    header($_SERVER["SERVER_PROTOCOL"]." 404 Not Found", true, 404);
    include "../404.php";
}
$this_page_location_href = '["/life/view/'.$id.'"]';
list($time,$title,$content,$introduction,$default_pic,$thumbnail,$author,$attachments,$tags) = $list->fetch_row();
$list->close();
$dt = date("Y-m-d H:i:s",$time);
$content = htmlspecialchars($content);
$author_name = $Uname[$author];
$attachments = explode("|",$attachments);
$tags = explode("|",$tags);

$o0 = "";
$author_id = array();
$author_title = array();
$author_thumbnail = array();

$tt_id = array();
$tt_title = array();
$tt_thumbnail = array();
$str = "select yangfamily_articles.id,yangfamily_articles.title,yangfamily_articles.thumbnail from yangfamily_lifetag inner join yangfamily_articles on yangfamily_lifetag.id=yangfamily_articles.serial where yangfamily_articles.author=$author and yangfamily_articles.hidden='F' and yangfamily_lifetag.tag in ('".implode("','",array_map(function($tag){
    global $link;
    return $link->real_escape_string($tag);
},$tags))."') order by yangfamily_articles.serial desc";
$list = $link->query($str);
while(list($tag_id,$tag_title,$tag_thumbnail) = $list->fetch_row()){
    array_push($tt_id,$tag_id);
    $tt_title[$tag_id] = $tag_title;
    $tt_thumbnail[$tag_id] = $tag_thumbnail;
}
$list->close();
$i = 0;
$abc = array_count_values($tt_id);
arsort($abc);
foreach($abc as $index => $value){
    if($index != $id){
        array_push($author_id,$index);
        array_push($author_title,$tt_title[$index]);
        array_push($author_thumbnail,$tt_thumbnail[$index]);
        $i++;
        if($i > 5)
            break;
    }
}
if($i < 6){
    $str = "select id,title,thumbnail from yangfamily_articles where author=$author and hidden='F' and category='life' and (pattern='add' or pattern='right-info') order by RAND()";
    $list = $link->query($str);
    while(list($tag_id,$tag_title,$tag_thumbnail) = $list->fetch_row()){
        if($tag_id != $id && !in_array($tag_id,$author_id)){
            array_push($author_id,$tag_id);
            array_push($author_title,$tag_title);
            array_push($author_thumbnail,$tag_thumbnail);
            $i++;
            if($i > 5)
                break;
        }
    }
    $list->close();
}

/*$str = "select id,title,thumbnail from yangfamily_articles where author='$author' and hidden='F' and category='life' and (pattern='add' or pattern='right-info') order by RAND()";		//time desc, serial desc";
$list = $link->query($str);
$i = 0;
while(list($same_author_id,$same_author_title,$same_author_thumbnail) = $list->fetch_row()){
    if($same_author_id != $id){
        array_push($author_id,$same_author_id);
        array_push($author_title,$same_author_title);
        array_push($author_thumbnail,$same_author_thumbnail);
        $i++;
        if($i > 5)
            break;
    }
}*/
$comments_thumbnails = array();
$str = "select thumbnail from yangfamily_comments where title='$id' and LENGTH(thumbnail)>0";
$list = $link->query($str);
while(list($comments_thumbnail) = $list->fetch_row()){
    array_push($comments_thumbnails,$comments_thumbnail);
}
$list->close();

//$all_images = array_merge($attachments,$author_thumbnail,$comments_thumbnails);
$all_images = array_merge($author_thumbnail,$comments_thumbnails);
$all_images_tmp = count($all_images);
for($i = 0; $i < $all_images_tmp; $i++){
    $o0 .= ((substr($all_images[$i],0,7) == "http://" || substr($all_images[$i],0,8) == "https://")?$all_images[$i]:$yangfamily_site."/img/life/".rawurlencode($all_images[$i]))."|";
}


$img_all = "<!--".$o0.$yangfamily_site."/img/share_icons/facebook.png|".$yangfamily_site."/img/share_icons/twitter.png|".$yangfamily_site."/img/share_icons/line.png|".$yangfamily_site."/img/share_icons/pinterest.png-->";


      // Get IP Address
      if (!empty($_SERVER['HTTP_CLIENT_IP'])){
          $ip=$_SERVER['HTTP_CLIENT_IP'];
      }else if (!empty($_SERVER['HTTP_X_FORWARDED_FOR'])){
          $ip=$_SERVER['HTTP_X_FORWARDED_FOR'];
      }else{
          $ip=$_SERVER['REMOTE_ADDR'];
      }

      include "../../array-lang_full_name.php";
      /*$str = "select count(*) from yangfamily_click where pattern='click'";
      $list = $link->query($str);
      list($c) = $list->fetch_row();
      $c++;*/

      $ip_to_long = ip2long($ip);
      $str = "select country from ip_to_country2 where start<='$ip_to_long' and end>='$ip_to_long'";
      $list = $link->query($str);
      list($country) = $list->fetch_row();
      $list->close();
      if(empty($country)) $country = "Unknown";

      if(isset($_SERVER['HTTP_ACCEPT_LANGUAGE']))
          $lang = strtolower(strtok(strip_tags($_SERVER['HTTP_ACCEPT_LANGUAGE']), ','));
      else
          $lang = "Unknown";

      if(isset($lang_full_name[$lang]))
          $lang_name = $lang_full_name[$lang];
      else
          $lang_name = "Unknown";

      if(isset($_SERVER['HTTP_USER_AGENT']))
          $browser = $_SERVER['HTTP_USER_AGENT'];
      else
          $browser = "Unknown";

      $time = time();

    //$str = "insert into yangfamily_click (id,to_time,category,time,title,pattern,ip,country,browser,pc_language,author) values ('$c','$id','life','$time','','click','$ip','$country','$browser','$lang_name','111')";
    $ip = $link->real_escape_string($ip);
    $country = $link->real_escape_string($country);
    $browser = $link->real_escape_string($browser);
    $lang_name = $link->real_escape_string($lang_name);
    $str = "insert into yangfamily_click (to_time,category,time,title,pattern,ip,country,browser,pc_language,author) values ('$id','life','$time','','click','$ip','$country','$browser','$lang_name','111')";
    $link->query($str);

            $str = "update yangfamily_count set count=count+1 where to_time='$id' and category='life'";
            $link->query($str);
            $str = "insert into yangfamily_count (to_time,category,count) select '$id','life','1' where not exists (select * from yangfamily_count where to_time='$id' and category='life')";
            $link->query($str);

$str = "select count from yangfamily_count where to_time='$id' and category='life'";
$list = $link->query($str);
list($count) = $list->fetch_row();
$list->close();

$str = "select count(*) from yangfamily_like where to_time='".$id."' and hidden='F' and category='life'";
$list = $link->query($str);
list($like_count) = $list->fetch_row();
$list->close();

$str = "select title from yangfamily_yang where pattern='grayscale'";
$list = $link->query($str);
list($grayscale) = $list->fetch_row();
$list->close();

$str = "select count(*) from yangfamily_comments where title='$id' and location='0'";
$list = $link->query($str);
list($comments_count) = $list->fetch_row();
$list->close();

$has_clicked_like = 0;
if(isset($_SESSION['LoginID']) && isset($_SESSION['LoginN'])){
    $str = "select count(*) from yangfamily_like where to_time='".$id."' and hidden='F' and category='life' and content='".$_SESSION['LoginID']."' and location='".$_SESSION['LoginN']."'";
    $list = $link->query($str);
    list($has_clicked_like) = $list->fetch_row();
    $list->close();
}

$link->close();

$header_bg_css = "life";
$chat_getIn = 0;
$nav_show = "";
$js_page = 601;
$js_page_data = $page_data;
$session_id = "";
$tmp_noti_dont_show = (isset($_GET['do']))?"1":"0";
$left = $chatroom_msg_left_right_reverse?'left':'right';
$right = $chatroom_msg_left_right_reverse?'right':'left';

function aes_encrypt($plaintext, $key) {
    // 必須是 16/24/32 bytes，決定是 AES-128/192/256
    $key = hash('sha256', $key, true); // 產生 32 bytes，用於 AES-256

    $iv = openssl_random_pseudo_bytes(16); // CBC 模式固定為 16 bytes

    $ciphertext = openssl_encrypt(
        $plaintext,
        'aes-256-cbc',
        $key,
        OPENSSL_RAW_DATA,
        $iv
    );

    // 通常會把 IV + cipher 合併後再 base64 傳輸
    return base64_encode($iv . $ciphertext);
}

function randStr(){
    $result = "";
    for($i = 0; $i < 16; $i++){
        $result .= chr(rand(33,126));
    }
    return $result;
}
$randString = randStr();
?><!doctype html><!----><? echo $img_all; ?><!----><!--<? echo $this_page_location_href.'|'.$introduction0.'|'.$chat_getIn.'|'.$nav_show.'|'.aes_encrypt($form_names['contact_name'],$randString).'|'.aes_encrypt($form_names['contact_email'],$randString).'|'.aes_encrypt($form_names['contact_tel'],$randString).'|'.aes_encrypt($form_names['contact_gender'],$randString).'|'.aes_encrypt($form_names['contact_content'],$randString).'|'.aes_encrypt($token_id,$randString).'|'.aes_encrypt($token_value,$randString).'|'.$tmp_noti_dont_show.'|'.$js_page.'|'.$js_page_data.'|'.((isset($dto) && $dto!=="")?",".($dto+1):"").'|'.$session_id.'|'.base64_encode(rawurlencode($name[0])).'|'.base64_encode(rawurlencode($name[1])).'|'.base64_encode(rawurlencode($name[2])).'|'.base64_encode(rawurlencode($name[3])).'|'.base64_encode(rawurlencode($name[4])).'|'.(($grayscale == '1')?'#E6E6E6':'#ECE7D3').'||'.implode(',',$fooArr).'|'.$nonceVal.'|'.aes_encrypt($randString,""); ?>--><html lang="zh-tw"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><meta http-equiv="X-UA-Compatible" content="IE=edge" /><meta name="viewport" content="initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0, width=device-width" /><title><? echo htmlspecialchars($title); ?> - 楊家人</title><meta name="msapplication-TileColor" content="#ff6600"><meta name="msapplication-TileImage" content="/img/apple-touch-icon/mstile-144x144.png"><link rel="shortcut icon" type="image/x-icon" href="/favicon.ico"><link rel="icon" type="image/x-icon" href="/favicon.ico" sizes="32x32"><link rel="apple-touch-icon" sizes="57x57" href="/img/apple-touch-icon/apple-touch-icon-57x57.png"><link rel="apple-touch-icon" sizes="60x60" href="/img/apple-touch-icon/apple-touch-icon-60x60.png"><link rel="apple-touch-icon" sizes="72x72" href="/img/apple-touch-icon/apple-touch-icon-72x72.png"><link rel="apple-touch-icon" sizes="76x76" href="/img/apple-touch-icon/apple-touch-icon-76x76.png"><link rel="apple-touch-icon" sizes="114x114" href="/img/apple-touch-icon/apple-touch-icon-114x114.png"><link rel="apple-touch-icon" sizes="120x120" href="/img/apple-touch-icon/apple-touch-icon-120x120.png"><link rel="apple-touch-icon" sizes="144x144" href="/img/apple-touch-icon/apple-touch-icon-144x144.png"><link rel="apple-touch-icon" sizes="152x152" href="/img/apple-touch-icon/apple-touch-icon-152x152.png"><link rel="apple-touch-icon" sizes="180x180" href="/img/apple-touch-icon/apple-touch-icon-180x180.png"><link rel="icon" type="image/png" sizes="36x36" href="/img/apple-touch-icon/android-chrome-36x36.png"><link rel="icon" type="image/png" sizes="48x48" href="/img/apple-touch-icon/android-chrome-48x48.png"><link rel="icon" type="image/png" sizes="72x72" href="/img/apple-touch-icon/android-chrome-72x72.png"><link rel="icon" type="image/png" sizes="96x96" href="/img/apple-touch-icon/android-chrome-96x96.png"><link rel="icon" type="image/png" sizes="128x128" href="/img/apple-touch-icon/android-chrome-128x128.png"><link rel="icon" type="image/png" sizes="144x144" href="/img/apple-touch-icon/android-chrome-144x144.png"><link rel="icon" type="image/png" sizes="152x152" href="/img/apple-touch-icon/android-chrome-152x152.png"><link rel="icon" type="image/png" sizes="192x192" href="/img/apple-touch-icon/android-chrome-192x192.png"><link rel="icon" type="image/png" sizes="256x256" href="/img/apple-touch-icon/android-chrome-256x256.png"><link rel="icon" type="image/png" sizes="384x384" href="/img/apple-touch-icon/android-chrome-384x384.png"><link rel="icon" type="image/png" sizes="512x512" href="/img/apple-touch-icon/android-chrome-512x512.png"><link rel="icon" type="image/png" sizes="36x36" href="/img/apple-touch-icon/icon-36x36.png"><link rel="icon" type="image/png" sizes="48x48" href="/img/apple-touch-icon/icon-48x48.png"><link rel="icon" type="image/png" sizes="72x72" href="/img/apple-touch-icon/icon-72x72.png"><link rel="icon" type="image/png" sizes="96x96" href="/img/apple-touch-icon/icon-96x96.png"><link rel="icon" type="image/png" sizes="128x128" href="/img/apple-touch-icon/icon-128x128.png"><link rel="icon" type="image/png" sizes="144x144" href="/img/apple-touch-icon/icon-144x144.png"><link rel="icon" type="image/png" sizes="152x152" href="/img/apple-touch-icon/icon-152x152.png"><link rel="icon" type="image/png" sizes="160x160" href="/img/apple-touch-icon/icon-160x160.png"><link rel="icon" type="image/png" sizes="192x192" href="/img/apple-touch-icon/icon-192x192.png"><link rel="icon" type="image/png" sizes="196x196" href="/img/apple-touch-icon/icon-196x196.png"><link rel="icon" type="image/png" sizes="256x256" href="/img/apple-touch-icon/icon-256x256.png"><link rel="icon" type="image/png" sizes="384x384" href="/img/apple-touch-icon/icon-384x384.png"><link rel="icon" type="image/png" sizes="512x512" href="/img/apple-touch-icon/icon-512x512.png"><link rel="icon" type="image/png" sizes="16x16" href="/img/apple-touch-icon/icon-16x16.png"><link rel="icon" type="image/png" sizes="24x24" href="/img/apple-touch-icon/icon-24x24.png"><link rel="icon" type="image/png" sizes="32x32" href="/img/apple-touch-icon/icon-32x32.png"><link rel="manifest" href="/manifest.json"><link rel="search" type="application/opensearchdescription+xml" title="楊家人 家庭網站" href="<? echo $yangfamily_site; ?>/opensearch.xml"><meta name="title" content="<? echo htmlspecialchars($title); ?> - 楊家人"><meta name="keywords" content="<? echo htmlspecialchars(implode(",",$tags)); ?>"><meta name="description" content="<? echo htmlspecialchars($introduction); ?>"><meta name="author" content="Red Whale"><meta name="copyright" CONTENT="All rights reserved. ©  Red Whale"><meta property="og:locale" content="zh_TW"/><meta property="og:title" content="<? echo htmlspecialchars($title); ?> - 楊家人" /><meta property="og:image" content="<? echo $yangfamily_site; ?>/img/life/<? echo $thumbnail; ?>" /><meta property="og:description" content="<? echo htmlspecialchars($introduction); ?>" /><meta property="og:type" content="article" /><meta property="og:url" content="<? echo $yangfamily_site.$_SERVER["REQUEST_URI"]; ?>" /><meta property="og:site_name" content="楊家人 家庭網站" /><meta name="application-name" content="楊家人" /><meta name="twitter:card" content="summary" /><meta name="twitter:title" content="<? echo htmlspecialchars($title); ?> - 楊家人" /><meta name="twitter:description" content="<? echo htmlspecialchars($introduction); ?>" /><meta name="twitter:image" content="<? echo $yangfamily_site; ?>/img/life/<? echo $thumbnail; ?>" /><meta name="mobile-web-app-capable" content="yes" /><meta name="apple-mobile-web-app-title" content="<? echo htmlspecialchars($title); ?> - 楊家人" /><meta name="apple-mobile-web-app-capable" content="yes" /><script nonce="" type="application/ld+json">{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"首頁","item":"<? echo $yangfamily_site; ?>/"},{"@type":"ListItem","position":2,"name":"生活大小事","item":"<? echo $yangfamily_site; ?>/life"},{"@type":"ListItem","position":3,"name":<?
                echo json_encode($title);
                    ?>,"item":"<? echo $yangfamily_site; ?>/life/view/<? echo $id; ?>"}]}</script><link rel="stylesheet" href="/css/agate.css"><link rel="stylesheet" href="/css/main.css?<? 
  if($grayscale == '1')
      echo 'grayscale&';
  echo 'left='.$left.'&right='.$right.'&r='.$chatroom_msg_left_right_reverse.'&b='.$header_bg_css;
  ?>"><script nonce="">paceOptions={restartOnPushState:!1,ajax:{trackMethods:['GET','POST','DELETE','PUT','PATCH']}}</script><script nonce="" type="text/javascript" src="/pace.min.js" charset="UTF-8"></script><script nonce="" type="text/javascript" src="/js/X6D7eFkk.js"></script><script nonce="" type="text/javascript" src="/js/dVe445x.js"></script><script nonce="" type="text/javascript" src="/js/vb0fG9E.min.js"></script><script nonce="" type="text/javascript" src="/js/lightbox.js"></script><script nonce="" type="text/javascript" src="/js/Autolinker.min.js"></script><script nonce="" src="https://www.gstatic.com/firebasejs/7.15.0/firebase-app.js"></script><script nonce="" src="https://www.gstatic.com/firebasejs/7.15.0/firebase-messaging.js"></script><link rel="stylesheet" type="text/css" href="/css/pace.css"/><link rel="stylesheet" type="text/css" href="/css/F8t9cz61.css"/><link rel="stylesheet" type="text/css" href="/css/lightbox.css"/><script nonce="" type="text/javascript" src="/js/main.js"></script></head><body><div id="fb-root"></div><script nonce="">window.fbAsyncInit=function(){FB.init({appId:"1403071099716412",cookie:!0,xfbml:!0,version:"v3.3"})},function(e,t,n){var c;"undefined"!=typeof trustedTypes&&trustedTypes&&trustedTypes.createPolicy&&(c=trustedTypes.createPolicy(document.childNodes[4].nodeValue.split("|")[23].split(",")[6],{createHTML:function(e){return e},createScriptURL:function(e){return e}}));var r=e.getElementsByTagName(t)[0],i="//connect.facebook.net/zh_TW/all.js?hash=c7b9ef173c556b2ba32c99c70c9183b2";e.getElementById(n)||((t=e.createElement(t)).id=n,t.src=c?c.createScriptURL(i):i,r.parentNode.insertBefore(t,r))}(document,"script","facebook-jssdk");</script>
<div id="loading-part"><div id="loading-bg" class="loading_start_bg grayscale"></div><div id="main-content" class="loading_start grayscale"><table class="wtb"><tbody><tr><td><svg height="40" width="36"><path d="M 180 10 A 170 190 0 0 1 10 200 A 170 190 0 0 1 180 390 A 170 190 0 0 1 350 200 A 170 190 0 0 1 180 10" stroke="#AAAAAA" stroke-width="20" fill="none" transform="scale(0.1,0.1)" /><path d="M 180 10 C 180 65 10 105 10 200 C 10 295 180 335 180 390 C 180 335 350 295 350 200 C 350 105 180 65 180 10" stroke="#AAAAAA" stroke-width="20" fill="none" transform="scale(0.1,0.1)" /></svg><div id="loading-text">載入中</div></td></tr></tbody></table></div></div>
<div id="main-part">
  <div id="loading_box_container"><div id="loading_box" data-pgs="0%">載入中</div></div>
  <div id="error_box_container"><div id="error_box">載入錯誤</div></div>
  <div id="still_loading_box_container"><div id="still_loading_box">還在載入中，請稍候...</div></div>
  <div id="content">
    <div id="header" class="grayscale"><div class="logo"><a href="/"><img src="/img/logo.gif" class="logo_img" data-pin-nopin="true" alt="楊家人 家庭網站" /></a></div><a href="/info" class="pD" tabindex="-1"><div class="info tab tab1" id="h1">家庭資訊</div></a><a href="/chat" class="pD" tabindex="-1"><div class="chat tab tab1" id="h2">聊天室</div></a><a href="/blog" class="pD" tabindex="-1"><div class="blogs tab tab1" id="h3">家庭生活網誌</div></a><a href="/life" class="pD" tabindex="-1"><div class="life tab tab1" id="h4">生活大小事</div></a><a href="/download" class="pD" tabindex="-1"><div class="download tab tab1" id="h5">檔案下載</div></a><div class="search tab tab2" id="search"></div></div>
    <div id="m-header" class="grayscale"><div class="logo"><a href="/"><img src="/img/m-logo.gif" class="logo_img" data-pin-nopin="true" alt="楊家人 家庭網站" /></a></div><div class="menu tab" id="menu_tab"></div></div>
    <div id="black_mask" class="grayscale"></div>
    <div id="search_box_container"><div id="search_box_a" class="grayscale"><form action="#" onsubmit="return false;"><div class="search_close" role="button"></div><input type="search" class="search_text" autocomplete="off" id="search_text" tabindex="-1"><div class="search_button" id="search_box_button" role="button"></div><ul class="autocomplete_list" id="autocomplete_list"></ul></form></div></div>
    <div id="ud">
        <div id="bg" class="bgf grayscale">
            <div class="z" id="life-z">
                <div id="life_title_area">
                    <h1 id="life_title_main">生活大小事</h1>
                    <h4>用圖片記錄生活的一點一滴</h4>
                </div>
                <div id="life_pic_area">
                    <div class="view-block life-block" id="title_view">
                        <div id="title_view_info">
                            <h2 class="life-block-title"><? $htitle = htmlspecialchars($title); echo $htitle; ?></h2>
                            <h3 class="life-block-info">
                                <span class="time" title="發佈時間"><span><? echo $dt; ?></span></span>
                                <span class="view" title="瀏覽次數"><span><? echo $count; ?></span></span>
                                <span class="author" title="發佈人"><span><? echo htmlspecialchars($author_name); ?></span></span>
                            </h3>
                        </div>
                        <div id="title_view_share">
                            <a href="https://www.facebook.com/sharer/sharer.php?u=<?
                            if($page_data == '')
                                echo urlencode($yangfamily_site.'/life/view');
                            else
                                echo urlencode($yangfamily_site.'/life/view/'.$id); ?>" onclick="javascript:window.open(this.href,'', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600');return false;"><img src="/img/share_icons/facebook.png" alt="Share on Facebook" title="Share on Facebook" data-pin-nopin="true" /></a>
                            <a href="https://twitter.com/intent/tweet?text=<? echo rawurlencode($title); ?>&url=<?
                                if($page_data == '')
                                    echo urlencode($yangfamily_site.'/life/view');
                                else
                                    echo urlencode($yangfamily_site.'/life/view/'.$id); ?>" onclick="javascript:window.open(this.href,'', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600');return false;"><img src="/img/share_icons/twitter.png" alt="Share on Twitter" title="Share on Twitter" data-pin-nopin="true" /></a>
                            <a href="https://social-plugins.line.me/lineit/share?url=<?
                            if($page_data == '')
                                echo urlencode($yangfamily_site.'/life/view');
                            else
                                echo urlencode($yangfamily_site.'/life/view/'.$id); ?>&text=<? echo rawurlencode($title); ?>" onclick="javascript:window.open(this.href,'', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600');return false;"><img src="/img/share_icons/line.png" alt="Share on LINE" title="Share on LINE" data-pin-nopin="true" /></a>
                            <a class="pD" href="#" onclick="(function(){var t;&quot;undefined&quot;!=typeof trustedTypes&&trustedTypes&&trustedTypes.createPolicy&&(t=trustedTypes.createPolicy(document.childNodes[4].nodeValue.split('|')[23].split(',')[7],{createHTML:function(t){return t},createScriptURL:function(t){return t}}));var e='https://assets.pinterest.com/js/pinmarklet.js?r='+99999999*Math.random(),r=document.createElement('script');r.setAttribute('type','text/javascript'),r.setAttribute('charset','UTF-8'),r.setAttribute('src',t?t.createScriptURL(e):e),document.body.appendChild(r)})()"><img src="/img/share_icons/pinterest.png" alt="Share on Pinterest" title="Share on Pinterest" data-pin-nopin="true" /></a>
                        </div>
                        <div id="title_view_like">
                            <span data-z="<? echo $id; ?>"<? if($has_clicked_like > 0){ echo ' style="color:#FD4D50;"'; } ?>><? echo $like_count; ?></span>
                        </div>
                    </div>
                    <div class="life-block" id="mid_view-block">
                        <div class="left-column">
                            <div class="view-block left-view-block" id="main_view"><a href="/img/life/<? echo rawurlencode($attachments[$default_pic]); ?>" id="main_pic_box" data-lightbox="main_pic" data-title="<? echo $htitle; ?>" data-alt="<? echo $htitle; ?>"><div style="background-image: url(&quot;/img/life/<? echo rawurlencode($attachments[$default_pic]); ?>&quot;);position:relative;" id="main_pic"><img src="/img/loading.gif" style="position:absolute;margin-top:calc(-50% - 31px);margin-left:calc(50% - 31px);z-index:-1"></div></a><div id="img_slideshow_wrap"><div id="slide_to_left" class="img_slideshow_arrow"></div><div id="img_slideshow_box" class="grab"><?
                                $attachments_tmp = count($attachments);
                                for($i = 0; $i < $attachments_tmp; $i++){
                                    echo '<div class="img_slideshow_item pointer" id="img_slideshow_item'.($i+1).'" style="background: #ECE7D3; background-size: cover;" data-a="1" data-s="/img/life/'.rawurlencode($attachments[$i]).'"></div>';
                                }
                            ?></div><div id="slide_to_right" class="img_slideshow_arrow"></div></div></div>
                        </div>
                        <div id="right-column">
                            <div class="view-block right-view-block" id="content_view"><? echo nl2br($content); ?></div>
                            <div class="view-block right-view-block" id="more_view"><?
                                if(count($author_id)){
                            ?><div id="more_view_text" class="text">更多關於 <a class="pjax1" data-id="4" href="/life/author/<? echo rawurlencode($author_name); ?>" data-data="C=author&M=<? echo rawurlencode($author_name); ?>"><? echo htmlspecialchars($author_name); ?></a> 的圖片</div><ol id="more_view_list" class="list"><?
                                $author_id_tmp = count($author_id);
                                for($i = 0; $i < $author_id_tmp; $i++){
                                    echo '<li><a class="pjax1" data-id="601" href="/life/view/'.$author_id[$i].'" data-data="id='.$author_id[$i].'"><div class="more_view_img" style="background:#ECE7D3 url(&quot;/img/life/'.rawurlencode($author_thumbnail[$i]).'&quot;) no-repeat center center;background-size:cover;"><div class="more_view_img_mask"><div class="more_view_img_title"><div class="more_view_img_title_text">'.htmlspecialchars($author_title[$i]).'</div></div></div></div></a></li>';
                                }
                            ?></ol></div>
                            <div class="view-block right-view-block" id="tags_view"><?
                                }
                            ?><div id="tags_view_text" class="text">標籤</div><ol id="tags_view_list" class="list"><?
                                $tags_tmp = count($tags);
                                for($i = 0; $i < $tags_tmp; $i++){
                                    echo '<li><a class="pjax1" data-id="4" href="/life/tag/'.rawurlencode($tags[$i]).'" data-data="C=tag&M='.rawurlencode($tags[$i]).'">#'.htmlspecialchars($tags[$i]).'</a></li>';
                                }
                            ?></ol></div>
                        </div>
                        <div class="clear_left"></div>
                        <div class="left-column">
                            <div class="view-block left-view-block" id="comments_view">
                                <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="0" height="0" fill="transparent">
                                      <defs>
                                        <clipPath id="circular-border">
                                          <circle cx="15" cy="15" r="14"></circle>
                                        </clipPath>
                                      </defs>
                                </svg>
                                <div id="comments_view_text"><span><?
                                    if($comments_count > 0)
                                        echo $comments_count."則";
                                    else
                                        echo "沒有";
                                ?></span>留言</div>
                                <div id="comments_view_filter" class="comments_view_font">
                                    <div id="comments_view_filter_text">最新留言</div>
                                    <ul id="comments_view_filter_list">
                                        <li role="option" data-option="1">最新留言</li>
                                        <li role="option" data-option="2">最舊留言</li>
                                        <li role="option" data-option="3">人氣留言</li>
                                    </ul>
                                </div>
                                <div class="clear"></div>
                                <div id="comments_view_new" class="comments_view_font">
                                  <div class="add_comment_user_info"><input type="file" class="thumbnail_button none" id="thumbnail_button0" accept="image/x-icon,image/bmp,image/x-ms-bmp,image/x-png,image/png,image/x-citrix-png,image/gif,image/jpeg,image/pjpeg,image/x-citrix-jpeg" style="width:0;height:0;">
                                    <?
                                    if(isset($_SESSION['LoginPicture']) && !empty($_SESSION['LoginPicture']) && isset($_SESSION['LoginN'])){
                                        echo '<div class="c-reply_img '.(($_SESSION['LoginN'] == "1")?"google":"facebook").'_reply_img" style="margin-top:0;" id="wrapperblock0"><img onerror="this.src=\'/img/photo.png\';" src="'.$_SESSION['LoginPicture'].'"></div>';
                                    }else{
                                    ?><span style="cursor: pointer;" class="thumbnail_svg" id="thumbnail_svg0" title="選擇頭貼"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="30" height="30" fill="transparent">
                                      <circle cx="15" cy="15" r="15" fill="#A0A0A0"></circle>
                                      <circle cx="15" cy="12" r="5" fill="white"></circle>
                                      <circle cx="15" cy="28" r="10" fill="white" clip-path="url(#circular-border)"></circle>
                                    </svg></span><?
                                    }
                                    ?><input type="text" id="new_name0" class="new_name comments_view_new_input" data-newId="0" placeholder="請輸入暱稱..."<?
                                        echo((isset($_SESSION['LoginName']))?' disabled value="'.htmlspecialchars($_SESSION['LoginName']).'" style="margin-left: 40px;"':'');
                                    ?>></div><textarea id="new_text0" class="new_text comments_view_new_input" data-newId="0" placeholder="新增留言..."></textarea><div class="add_comment_user_info"><?
                                        echo((isset($_SESSION['LoginID']))?"":'<button class="new_facebook_link">用其他帳戶留言</button>');
                                    ?><div class="submit_area"><svg id="spinwheel0" class="circular" viewBox="25 25 50 50"><circle id="spinwheel_path0" class="path" cx="50" cy="50" r="20" fill="none" stroke-width="3" stroke-miterlimit="10"/></svg><button role="button" id="new_submit0" class="new_submit" disabled>送出</button></div><div class="clear"></div></div>
                                </div>
                                <div id="comments_view_comments">
                                    <div id="comments_view_loading_spinwheel_div">
                                        <svg id="comments_view-spinwheel" class="circular" viewBox="25 25 50 50" style="visibility: visible;"><circle id="comments_view-spinwheel_path" class="path" cx="50" cy="50" r="20" fill="none" stroke-width="3" stroke-miterlimit="10"/></svg>
                                    </div>
                                    <div id="comments_view_mask_bg"></div>
                                    <div id="comments_loading_icon" style="display: block;">
                                        <svg id="comments-spinwheel" class="circular" viewBox="25 25 50 50" style="visibility: visible;"><circle id="comments-spinwheel_path" class="path" cx="50" cy="50" r="20" fill="none" stroke-width="3" stroke-miterlimit="10"/></svg>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div id="masonry-loading-icon">
                    <svg id="masonry-spinwheel" class="circular" viewBox="25 25 50 50"><circle id="masonry-spinwheel_path" class="path" cx="50" cy="50" r="20" fill="none" stroke-width="3" stroke-miterlimit="10"/></svg>
                </div>
            </div>
        </div>
    </div>
    <div id="goto_top" class="grayscale">Top</div>
  </div>
  <div id="menu" class="grayscale">
    <div>
      <div id="search_box"><form action="#" onsubmit="return false;"><input type="search" class="search_text" autocomplete="off" id="menu_search_text" tabindex="-1"><div class="search_button" id="menu_search_box_button" role="button"></div></form></div><ul class="autocomplete_list" id="menu_autocomplete_list"></ul>
      <div id="menu_list" role="menu"><div class="w"><div class="t_arrow tab_info" id="info_arrow" data-id="info"></div><a href="/info" class="pD" tabindex="-1"><div role="menuitem" class="tab tab_info color_w" id="info" data-id="info">家庭資訊</div></a></div><div class="clear"></div><div role="menu" class="sub_tab_area sub_tab_area_display_none" id="menu_info"><div class="o"><div class="t_arrow tab_travel" id="travel_arrow" data-id="travel"></div><div role="menuitem" class="tab tab_travel color_o" id="menu_travel" data-id="travel">旅遊行程</div></div><div role="menu" class="sub_menu sub_tab_area_display_none" id="sub_menu_travel"><div class="tab_link tab_link_first"><span id="menu_link_planning"><a role="menuitem" class="pjax0" data-id="100" href="/info/planning">規劃中行程</a></span></div><div class="tab_link"><span id="menu_link_planned"><a role="menuitem" class="pjax0" data-id="110" href="/info/planned">已規劃行程</a></span></div><div class="tab_link"><span id="menu_link_now-going"><a role="menuitem" class="pjax0" data-id="120" href="/info/now-going">進行中行程</a></span></div><div class="tab_link tab_link_last"><span id="menu_link_finished"><a role="menuitem" class="pjax0" data-id="130" href="/info/finished">已結束行程</a></span></div></div><div class="o"><div class="t_arrow tab_note" id="note_arrow" data-id="note"></div><div role="menuitem" class="tab tab_note color_o" id="menu_note" data-id="note">課業筆記</div></div><div role="menu" class="sub_menu sub_tab_area_display_none" id="sub_menu_note"><div class="tab_link tab_link_first"><span id="menu_link_chinese"><a role="menuitem" class="pjax0" data-id="140" href="/info/chinese">國文</a></span></div><div class="tab_link"><span id="menu_link_english"><a role="menuitem" class="pjax0" data-id="150" href="/info/english">英文</a></span></div><div class="tab_link"><span id="menu_link_math"><a role="menuitem" class="pjax0" data-id="160" href="/info/math">數學</a></span></div><div class="tab_link"><span id="menu_link_science"><a role="menuitem" class="pjax0" data-id="170" href="/info/science">理科</a></span></div><div class="tab_link"><span id="menu_link_social"><a role="menuitem" class="pjax0" data-id="180" href="/info/social">社會</a></span></div><div class="tab_link"><span id="menu_link_tetsuhiko-note"><a role="menuitem" class="pjax0" data-id="190" href="/info/tetsuhiko-note"><? echo $name[2]; ?>的筆記</a></span></div><div class="tab_link"><span id="menu_link_candy-note"><a role="menuitem" class="pjax0" data-id="200" href="/info/candy-note"><? echo $name[3]; ?>的筆記</a></span></div><div class="tab_link tab_link_last"><span id="menu_link_maggie-note"><a role="menuitem" class="pjax0" data-id="210" href="/info/maggie-note"><? echo $name[4]; ?>的筆記</a></span></div></div><div class="o"><div class="t_arrow tab_cuisine" id="cuisine_arrow" data-id="cuisine"></div><div role="menuitem" class="tab tab_cuisine color_o" id="menu_cuisine" data-id="cuisine">美食佳餚</div></div><div role="menu" class="sub_menu sub_tab_area_display_none" id="sub_menu_cuisine"><div class="tab_link tab_link_first"><span id="menu_link_private-cuisine"><a role="menuitem" class="pjax0" data-id="220" href="/info/private-cuisine">媽媽的私房菜</a></span></div><div class="tab_link"><span id="menu_link_recommended-recipes"><a role="menuitem" class="pjax0" data-id="230" href="/info/recommended-recipes">推薦食譜</a></span></div><div class="tab_link"><span id="menu_link_recommended-chiayi"><a role="menuitem" class="pjax0" data-id="240" href="/info/recommended-chiayi">推薦嘉義美食</a></span></div><div class="tab_link tab_link_last"><span id="menu_link_today-menu"><a role="menuitem" class="pjax0" data-id="250" href="/info/today-menu">今日菜單</a></span></div></div><div class="o"><div class="t_arrow tab_friends_circle" id="friends_circle_arrow" data-id="friends_circle"></div><div role="menuitem" class="tab tab_friends_circle color_o" id="menu_friends_circle" data-id="friends_circle">朋友圈</div></div><div role="menu" class="sub_menu sub_tab_area_display_none" id="sub_menu_friends_circle"><div class="tab_link tab_link_first"><span id="menu_link_dad-friends"><a role="menuitem" class="pjax0" data-id="260" href="/info/dad-friends/view"><? echo $name[0]; ?>的朋友圈</a></span></div><div class="tab_link"><span id="menu_link_mom-friends"><a role="menuitem" class="pjax0" data-id="270" href="/info/mom-friends/view"><? echo $name[1]; ?>的朋友圈</a></span></div><div class="tab_link"><span id="menu_link_tetsuhiko-friends"><a role="menuitem" class="pjax0" data-id="280" href="/info/tetsuhiko-friends/view"><? echo $name[2]; ?>的朋友圈</a></span></div><div class="tab_link"><span id="menu_link_candy-friends"><a role="menuitem" class="pjax0" data-id="290" href="/info/candy-friends/view"><? echo $name[3]; ?>的朋友圈</a></span></div><div class="tab_link tab_link_last"><span id="menu_link_maggie-friends"><a role="menuitem" class="pjax0" data-id="300" href="/info/maggie-friends/view"><? echo $name[4]; ?>的朋友圈</a></span></div></div><div class="o"><a href="/info/interesting" class="pD" tabindex="-1"><div role="menuitem" class="tab tab_interesting color_o" id="menu_interesting" data-id="interesting">趣事分享</div></a></div><div class="o"><a href="/info/calendar" class="pD" tabindex="-1"><div role="menuitem" class="tab tab_calendar color_o" id="menu_calendar" data-id="calendar">家庭行事曆</div></a></div></div><div class="w"><a href="/chat" class="pD" tabindex="-1"><div role="menuitem" class="tab tab_chat color_w" id="chat" data-id="chat">聊天室</div></a></div><div class="w"><a href="/blog" class="pD" tabindex="-1"><div role="menuitem" class="tab tab_blogs color_w" id="blogs" data-id="blogs">家庭生活網誌</div></a></div><div class="w"><a href="/life" class="pD" tabindex="-1"><div role="menuitem" class="tab tab_life color_w" id="life" data-id="life">生活大小事</div></a></div><div class="w"><div class="t_arrow tab_info" id="download_arrow" data-id="download"></div><a href="/download" class="pD" tabindex="-1"><div role="menuitem" class="tab tab_download color_w" id="download" data-id="download">檔案下載</div></a></div><div class="clear"></div><div role="menu" class="sub_tab_area sub_tab_area_display_none" id="menu_download"><div class="o"><a href="/download/public" class="pD" tabindex="-1"><div role="menuitem" class="tab tab_public color_o" id="menu_public" data-id="public">共用檔案庫</div></a></div><div class="o"><a href="/download/dad" class="pD" tabindex="-1"><div role="menuitem" class="tab tab_dad color_o" id="menu_dad" data-id="dad"><? echo $name[0]; ?>的檔案庫</div></a></div><div class="o"><a href="/download/mom" class="pD" tabindex="-1"><div role="menuitem" class="tab tab_mom color_o" id="menu_mom" data-id="mom"><? echo $name[1]; ?>的檔案庫</div></a></div><div class="o"><a href="/download/redwhale" class="pD" tabindex="-1"><div role="menuitem" class="tab tab_redwhale color_o" id="menu_redwhale" data-id="redwhale"><? echo $name[2]; ?>的檔案庫</div></a></div><div class="o"><a href="/download/candy" class="pD" tabindex="-1"><div role="menuitem" class="tab tab_candy color_o" id="menu_candy" data-id="candy"><? echo $name[3]; ?>的檔案庫</div></a></div><div class="o"><a href="/download/maggie" class="pD" tabindex="-1"><div role="menuitem" class="tab tab_maggie color_o" id="menu_maggie" data-id="maggie"><? echo $name[4]; ?>的檔案庫</div></a></div></div></div>
    </div>
  </div>
  <div id="stmp"></div>
</div>
<!---->
</body>
</html>